import { View } from '@tarojs/components';
import Card from 'components/CodeCard';
import s from './index.module.scss'
import { useState } from 'react';
import code from './code.md'

export default function Shadow() {
  const [show, setShow]=useState(true)
  return(
    <Card
      title='box-shadow bulr值'
      desc='box-shadow阴影的模糊距离，从元素的每一条边为中心线，模糊左右(线内线外)各一半高斯模糊,可以不写'
      renderCode={() =>(
        show ? <wemark md={code} link highlight type='wemark' />  :null
      )}
      btn={() =>{setShow(!show)}}
    >
      <View className={s.container}>
        <View className={s.box_3}></View>
      </View>
    </ Card>
  )
}